<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>

        <meta http-equiv="x-ua-compatible" content="IE=EmulateIE7" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <title></title>
        <link rel="stylesheet" type="text/css" href="../../../common/images/lib/jeasyui/themes/default/easyui.css" />
        <link rel="stylesheet" type="text/css" href="../../../common/images/lib/jeasyui/themes/icon.css" />
        <script type="text/javascript" src="../../../common/images/lib/jeasyui/jquery-1.4.4.min.js"></script>
        <script type="text/javascript" src="../../../common/images/lib/jeasyui/jquery.easyui.min.js"></script>
        <script type="text/javascript" src="../../../common/images/lib/jeasyui/locale/easyui-lang-zh_CN.js"></script>
        <script>
            $(function(){
                $("#categoryTree").tree({
                    onClick: function(node){  // 当点击某个节点时，则调用此函数，去查询该节点的子节点。
                        $(this).tree('toggle', node.target);
                    },
                    onContextMenu:function(node){  // 当点击某个节点时，则调用此函数，去查询该节点的子节点。
                        node.preventDefault();
                        $('#itemMenu').menu('show',{
                            left: node.pageX,
                            top: node.pageY
                        });
                    }
                });
            })
        </script>
    </head>
    <body class="easyui-layout">
        <!--        <div id="itemMenu" class="easyui-menu" style="width: 150px;">
                    <input type="hidden" id="nodeid" name="filterId" />
                        <div>
                            <a href="javascript:lhfbeginAddFilter();">添加子节点</a>
                            <Br />
                        </div>
                        <div>
                            <input type="hidden" id="txt" />
                            <a href="javascript:upFiltersNode();">修改名称</a>
                            <br />
                        </div>
                        <div>
                            <a href="javascript:delFiltersNode();">删除节点</a>
                        </div>
                </div>-->
        <div region="center" split="true" title="管理菜单" >
            <div class="easyui-layout" fit="true">
                <div region="east" border="false" class="p-right">
                    <img src="images/msn.gif"/>
                </div>
                <div region="center" border="false" style="border:1px solid #ccc;">
                    <div class="easyui-layout" fit="true">
                        <div region="west" split="true" style="width:200px">

                            <ul id="tt" class="easyui-tree" url="testTree.json" animate="true">

                                <li>asdf</li>
                            </ul>

                        </div>
                        <div region="south" split="true" border="false" style="height:60px;">
                            <textarea style="border:0;width:100%;height:98%;resize:none">Hi,I am easyui.</textarea>
                        </div>
                        <div region="center" border="false">
                            dadfadsfadsfasdf
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
